<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="shortcut icon" href="/GO.ico" type="image/x-icon" />
  <link href="__STATIC__/common/pure-1.0.0.min.css" rel="stylesheet" />
  <link href="__STATIC__/houtai/console/index.css" rel="stylesheet" />
  <title>即时在线-控制台</title>
</head>
<body>
  <div ms-controller="app" class="pure-g ms-controller app">
<!--
    <div class="pure-g utip">
      <div class="pure-u-1">
        <div class="pure-u-1-4">
          <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLmwiaTw5qEF7zLNU0cEkCXz0WjAupe7QnOam4nPg1WEvnDrGONrMBhpFHXoICDyaiaQBRP4ia9wnLRg/132" />
        </div>
        <div class="pure-u-3-4">bnbbb</div>
      </div>
      <div class="pure-u-1">
        <button class="button-success pure-button">按钮1</button>
        <button class="button-error pure-button">按钮2</button>
        <button class="button-warning pure-button">按钮3</button>
        <button class="button-secondary pure-button">按钮4</button>
      </div>
    </div>

      <dl><dt>昵称:</dt><dd>小鲜肉</dd></dl>
      <dl><dt>身上金币:</dt><dd>111</dd><dt>银行金币:</dt><dd>111</dd></dl>
      <dl><dt>GameID:</dt><dd>123456</dd><dt>UserID:</dt><dd>123456</dd></dl>
      <dl><dt>房卡数量:</dt><dd>123456</dd><dt>当前状态:</dt><dd>游戏</dd></dl>
-->
    <div class="pure-u-1-5 app_left bs">
      <dl class="slist bs">
        <dd ms-for="(k,v) in @SERVERS"><button class="pure-button">{{k}}-{{v.RoomName}}-[{{v.ServerID}}]</button></dd>
        <!--
        <dd><button class="pure-button">A Disabled Button</button></dd>
        <dd><button class="pure-button pure-button-disabled">A Disabled Button</button></dd>
        <dd><button class="pure-button pure-button-active">An Active Button</button></dd>
        <dd><button class="pure-button pure-button-primary">A Primary Button</button></dd>
        -->
        <dd>在线用户[{{@ONLINES.length}}人]</dd>
      </dl>
      <dl class="ulist bs" id="ulist2">
        <dd class="uinfo" ms-for="(k,v) in @ONLINES" data-for-rendered="@OnUlistRendered">
          <img ms-attr="{src:v.Avatar||'__STATIC__/houtai/images/dface.png'}" />
          <a target="_blank" ms-attr="{href:'{:url('user.detail/index')}?UserID=' + v.UserID}">{{v.NickName}}</a>
          <i>{{v.GameID}}</i>
        </dd>
      </dl>
    </div>
    
    <div class="pure-u-4-5 app_main bs">
    
      <div class="sec3 bs">
        <button class="pure-button" ms-on-click="@OnTapReqSrvList">读开服列表</button>
        <button class="pure-button" ms-on-click="@OnTapReqUsrList">读在线用户列表</button>
        <button class="pure-button" ms-on-click="@OnTapSwitchView">切换视图{{@MODE}}</button>
      </div>
      <div class="sec4" ms-if="@MODE==0">
        <div class="sec4-1 bs">
          <table class="pure-table pure-table-bordered">
            <tr>
              <td width="7%">渠道号</td>
              <td width="23%">用户头像/昵称/GameID</td>
              <td width="7%">房卡</td>
              <td width="7%">身上金币</td>
              <td width="7%">银行金币</td>
              <td width="7%">Grade</td>
              <td width="7%">群号/规则</td>
              <td width="7%">ServerID</td>
              <td width="7%">KindID</td>
              <td width="7%">TableID</td>
              <td width="7%">ChairID</td>
              <td width="7%">状态</td>
            </tr>
          </table>
        </div>
        <div class="sec4-2 bs">
          <table class="pure-table pure-table-bordered ulist">
            <tbody>
              <tr ms-for="(k,v) in @ONLINES" data-for-rendered="@OnUlistRendered">
                <td width="7%">{{v.Channel}}</td>
                <td width="23%" class="uinfo">
                  <img ms-attr="{src:v.Avatar||'__STATIC__/houtai/images/dface.png'}" />
                  <a target="_blank" ms-attr="{href:'{:url('user.detail/index')}?UserID=' + v.UserID}">{{v.NickName}}</a>
                  <i>{{v.GameID}}-{{v.UserID}}</i>
                </td>
                <td width="7%">{{v.RoomCard}}</td>
                <td width="7%">{{v.Score}}</td>
                <td width="7%">{{v.Insure}}</td>
                <td width="7%">{{v.Grade}}</td>
                <td width="7%">{{v.GroupID}}<br/>{{v.GroupIndex}}</td>
                <td width="7%">{{v.ServerID}}</td>
                <td width="7%">{{v.KindID}}</td>
                <td width="7%">{{v.TableID}}</td>
                <td width="7%">{{v.ChairID}}</td>
                <td width="7%">{{v.State|ustate}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div>
  </div>
  <script src="__STATIC__/common/require-2.3.5.min.js" data-main="__STATIC__/houtai/console/boot"></script>
</body>
</html>